<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width: 360px;
            height: 203px;
            position: relative;
            display: inline-block;
        }
        div img{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div>
        <video muted="" class="onetwobagbvrpg" src="http://img.tukuppt.com/video_show/29396922/01/31/16/62d3793784ceb_10s_big.mp4" preload="none" poster="http://img.tukuppt.com/video_pic/00/00/00/62d37b35c87af.jpg-0.jpg!/fw/360/crop/800x450a80a121">
        </video>
        <img src="http://img.tukuppt.com/video_pic/00/00/00/62d37b35c87af.jpg-0.jpg!/fw/360/crop/800x450a80a121">
    </div>
    
    <div>
        <video muted="" class="onetwokbwzvayb" src="http://img.tukuppt.com/video_show/29396922/01/31/16/62d37a21b222f_10s_big.mp4" preload="none" loop="loop" poster="http://img.tukuppt.com/video_pic/00/00/00/62d4cbc4400fd.jpg-0.jpg!/fw/360/crop/800x450a80a121">
        </video>
        <img src="http://img.tukuppt.com/video_pic/00/00/00/62d4cbc4400fd.jpg-0.jpg!/fw/360/crop/800x450a80a121">
    </div>
    
    <div>
        <video muted="" class="onetwovnjzowgm" src="http://img.tukuppt.com/video_show/29396922/01/31/08/62d0dcd2701bd_10s_big.mp4" preload="none" loop="loop" poster="http://img.tukuppt.com/video_pic/00/00/00/62d0f5bcd8324.jpg-0.jpg!/fw/360/crop/800x450a80a121">
        </video>
        <img src="http://img.tukuppt.com/video_pic/00/00/00/62d0f5bcd8324.jpg-0.jpg!/fw/360/crop/800x450a80a121">
    </div>
    
    <div>
        <video muted="" class="onetwopgxdpgmr" src="http://img.tukuppt.com/video_show/2405811/00/03/07/5ba6e7fa3b602_10s_big.mp4" poster="http://img.tukuppt.com/video_pic/10/00/00/5/5bbffe4204a30.jpg-0.jpg!/fw/360/crop/800x450a80a121" preload="none" loop="loop">
        </video>
        <img src="http://img.tukuppt.com/video_pic/10/00/00/5/5bbffe4204a30.jpg-0.jpg!/fw/360/crop/800x450a80a121">
    </div>
    
    <div>
        <video muted="" class="onetwobagbvrpg" src="http://img.tukuppt.com/video_show/29396922/01/31/16/62d3793784ceb_10s_big.mp4" preload="none" loop="loop" poster="http://img.tukuppt.com/video_pic/00/00/00/62d37b35c87af.jpg-0.jpg!/fw/360/crop/800x450a80a121">
        </video>
        <img src="http://img.tukuppt.com/video_pic/00/00/00/62d37b35c87af.jpg-0.jpg!/fw/360/crop/800x450a80a121">
    </div>
    
    <div>
        <video muted="" class="onetworrmkpmzw" src="http://img.tukuppt.com/video_show/3987418/00/02/84/5b95586607be4_10s_big.mp4" preload="none" poster="http://img.tukuppt.com/video_pic/10/00/00/0/5bbebcc7d2080.jpg-0.jpg!/fw/360/crop/800x450a80a121" loop="loop">
        </video>
        <img src="http://img.tukuppt.com/video_pic/10/00/00/0/5bbebcc7d2080.jpg-0.jpg!/fw/360/crop/800x450a80a121">
    </div>
</body>
</html>

<script>
    let div = document.querySelectorAll("div")
    div.forEach((item,index)=>{
        item.onmouseenter = function(){
            let video = item.querySelector("video")
            let img = item.querySelector("img")
            img.style.display = "none"
            video.play()
        }
        item.onmouseleave = function(){
            let video = item.querySelector("video")
            let img = item.querySelector("img")
            img.style.display = ""
            video.pause()
            video.currentTime = 0
        }
    })
</script>